<template>
	<section :is="crtComponent" :office-id="officeId" :active-name="activeName" @jump-page="fnJumpPage" @go-back="fnGoBack"></section>
</template>

<script>
    import Room from '../../components/conferenceManager/Room.vue'
    import Auditor from '../../components/conferenceManager/Auditor.vue'
    import ApplicationRecord from '../../components/conferenceManager/ApplicationRecord.vue'
	export default {
		data() {
			return {
				crtComponent : 'room', //当前组件
				officeId : '',
				activeName : 'conference' //当前选中的tab名称
			}
		},
		components:{
			Room,Auditor,ApplicationRecord
		},
		methods: {
			//自定义方法->组件切换
			fnJumpPage(officeId,nextComponent){
				var that = this
				that.officeId = officeId
				that.crtComponent = nextComponent
			},
			//自定义方法->组件返回
			fnGoBack(nextComponent,activeName){
				var that = this
				that.crtComponent = nextComponent
				that.activeName = activeName
			}
		},
		mounted() {
			
		}
	}
</script>

<style scoped>
</style>